<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/layout.css" />
		<link rel="stylesheet" href="css/last.css" />
	</head>
	<body>
		<section>
			<a class="title" href="#">
				<img src="img/four/four-1.png" />
				<h1>点击登录</h1>
			</a>
			<menu>
				<ul>
					<li><a class="a1" href="#"><img src="img/four/four-menu1.png"/><h1>我的课程</h1></a></li>
					<li><a class="a2" href="#"><img src="img/four/four-menu2.png"/><h1>我的提问</h1></a></li>
					<li><a class="a3" href="#"><img src="img/four/four-menu3.png"/><h1>我的回答</h1></a></li>
					<li><a class="a4" href="#"><img src="img/four/four-menu4.png"/><h1>个人信息</h1></a></li>
					<li><a class="a5" href="#"><img src="img/four/four-menu5.png"/><h1>关于昕孕</h1></a></li>
				</ul>
			</menu>
			<footer>
				<a class="a1" href="index.html"><img src="img/third/third-footer1.png"/><h1>首页</h1></a>
				<a class="a2" href='second.html'><img src="img/third/third-footer2.png"/><h1>课程培训</h1></a>
				<a class="a3" href="third.html"><img src="img/four/four-footer2.png"/><h1>问答</h1></a>
				<a class="a4" href="last.html"><img src="img/four/four-footer1.png"/><h1>我的</h1></a>
			</footer>
		</section>
		
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script>
			//登陆后给a链接赋值
			$('menu ul li .a4').click(function(){
				$(this).prop('href','four-geren-info.html');
			})
			$('menu ul li .a1').click(function(){
				$(this).prop('href','four-mylesson.html');
			})
			$('menu ul li .a2').click(function(){
				$(this).prop('href','four-myask.html');
			})
			$('menu ul li .a3').click(function(){
				$(this).prop('href','four-myaswer.html');
			})
			$('menu ul li .a5').click(function(){
				$(this).prop('href','four-aboutus.html');
			})
			
		</script>
	</body>
</html>
